<!-- 考级报名信息 -->
<template>
	<view class="container">
		<view class="c-cell">
			<u-cell-group>
				<u-cell v-for="item in testList" :key="item.id" icon="setting-fill" :title="item.exam_grade_title" label="郴州赛区-第一轮比赛" value="已报名" size="large"></u-cell>
			</u-cell-group>
		</view>
		<view class="c-empty" v-if="testList.length==0">
			<u-empty icon="/static/empty/phone.png" text="暂无已报名信息" textSize="18" marginTop="25%" width="80%"></u-empty>
		</view>
	</view>
</template>

<script>
	export default {
		name: "",
		data() {
			return {
				// 报名的考级列表
				testList:[],
				query:{
					page:1,
					page_size:20
				}
			}
		},
		created() {
			this.getSignUpTestList()
		},
		onReachBottom(){
			this.query.page+=1
			this.getSignUpTestList()
		},
		methods: {
			// 获取报名赛事信息
			getSignUpTestList(){
				this.$http.getSignUpTestList(this.query).then(res=>{
					this.testList = this.testList.concat(res.data)
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.container {}
</style>
